Тег <q> — Цитата в HMTL

Тег <q> используется для выделения в тексте цитат. Содержимое контейнера автоматически отображается в браузере в кавычках.

Пример использования:

К сожалению, актуальна и по сей день фраза: Он ее одел, а она его обула.

http://nubex.ru


Изменить кавычки для обрамления цитаты можно при помощи свойства quotes.

В приведенном примере в качестве обрамления цитаты используются традиционные типографские кавычки.

  <style>
     q {
    font-family: Serif;
    color: red;
    font-style: italic, bold;
    quotes: "\00AB" "\00BB"; 
   }
 
  </style>
  

В тегах <cite> </cite> можно дополнительно указать источник цитаты, ссылку или сноску на другой документ.

например:
    <cite> http://nubex.ru </cite>    отображается как :  http://nubex.ru 
    
Джерело:
https://nubex.ru/blog/seryozha_siroezhkin/quote_html/